<template>
  <div class="oneToOneList">
    <div class="head">
      <i class="iconfont head-icon" @click="comeBack">&#xe689;</i>
      希望工程一对一捐助
    </div>
    <div class="oneToOneListContent">
      <div class="head-main">
        <swiper :aspect-ratio="340/300" auto loop :show-dots="false">
          <swiper-item><img src="../../images/oneToOne05.jpg" alt=""></swiper-item>
          <!--<swiper-item><img src="../../images/oneToOne02.jpg" alt=""></swiper-item>-->
          <!--<swiper-item><img src="../../images/oneToOne03.jpg" alt=""></swiper-item>-->
          <!--<swiper-item><img src="../../images/oneToOne04.jpg" alt=""></swiper-item>-->
        </swiper>
      </div>
      <div class="labelLeft">
        <span>项目介绍</span>
      </div>
      <div class="contentText">
        <p>我们的世界很小，透过一个手机屏幕就可以联系到远方的人；</p>
        <p>我们的世界很大，总有人过着想象都难以描绘的生活。</p>
        <p>他们把上学当作奢侈的愿望，小小的身躯背负着家庭的重担，学有所成是他们走出苦难唯一的路。</p>
      </div>
      <div class="labelLeft">
        <span> 帮扶分类</span>
      </div>
      <div class="contentList">
        <ul>
          <li class="firstList" @click="goDetails('d43202af4647460183fd590c19043d4c')" >
            <span>小学生：</span> <span class="bangshou">待资助<span>{{waitHelp01}}</span>人</span> <i class="iconfont iconRight">&#xe61a;</i>
          </li>
          <li @click="goDetails('add99857661342918d50070918835a07')">
            <span>初中生：</span> <span class="bangshou">待资助<span>{{waitHelp02}}</span>人</span><i class="iconfont iconRight">&#xe61a;</i>
          </li>
          <li @click="goDetails('bb9812e268b1440ba22a142e2dcd416f')">
            <span>高中生：</span> <span class="bangshou">待资助<span>{{waitHelp03}}</span>人</span><i class="iconfont iconRight">&#xe61a;</i>
          </li>
          <li @click="goDetails('eb783144cf9e47f999708a67d48b576d')">
            <span>大学生：</span> <span class="bangshou">待资助<span>{{waitHelp04}}</span>人</span> <i class="iconfont iconRight">&#xe61a;</i>
          </li>
          <li @click="goprojectDetails('10')">
            <span>中小学生助学基金（小额）</span> <i class="iconfont iconRight">&#xe61a;</i>
          </li>
          <li @click="goprojectDetails('15')">
            <span>大学生助学基金（小额）</span> <i class="iconfont iconRight">&#xe61a;</i>
          </li>
        </ul>
      </div>
    </div>
    <!--<div class="home-tab">-->
      <!--<div @click="goDetails(oneToOneLists.id)" v-for="(oneToOneLists, index) in oneToOneList">-->
        <!--&lt;!&ndash;<p class="listTitle" v-html="eventListJqs.eventName"></p>&ndash;&gt;-->
        <!--<flexbox>-->
          <!--<flexbox-item :span="4">-->
            <!--<div class="flex-demo">-->
              <!--<img :src="imageUrl.imageUrl + oneToOneLists.picture"/>-->
            <!--</div>-->
          <!--</flexbox-item>-->
          <!--<flexbox-item>-->
            <!--<div class="flex-demo">-->
              <!--<p class="eventName"><span v-html="oneToOneLists.theme"></span></p>-->
              <!--<p><em class="lable" v-show="oneToOneLists.label1 != ''">{{oneToOneLists.label1}}</em>-->
                <!--<em class="lable" v-show="oneToOneLists.label2 != ''">{{oneToOneLists.label2}}</em>-->
                <!--<em class="lable" v-show="oneToOneLists.label1 == ''">爱心</em>-->
                <!--<em class="lable" v-show="oneToOneLists.label2 == ''">捐助</em></p>-->
              <!--<div class="project-foot">-->
                <!--<span class="project-foot-left">已有<span-->
                  <!--class="content-red">{{oneToOneLists.helpNumber}}</span>人帮扶</span>-->
                <!--<span class="project-foot-left">已有<span-->
                  <!--class="content-red">{{oneToOneLists.recipient}}</span>人受助</span>-->
              <!--</div>-->
            <!--</div>-->
          <!--</flexbox-item>-->
        <!--</flexbox>-->
      <!--</div>-->
      <!--&lt;!&ndash;<div class="moreEvent" @click="whichGoMore()" v-model="noMoreEvent">{{noMoreEvent}}</div>&ndash;&gt;-->
    <!--</div>-->
  </div>
</template>
<style lang="scss" src='./oneToOneList.scss'></style>
<script src="./oneToOneList.js"></script>
